<template>
  <!-- style="float: right; font-size: 20px; margin-bottom: 10px; " -->
  <el-pagination
    background
    style="float: right; font-size: 20px; margin-bottom: 20px;position:absolute  ;bottom: 10px;right:0;"
    :current-page.sync="pagionObj.currentPage"
    :page-sizes="[10, 20,50,100,300,500]"
    :page-size="pagionObj.size"
    layout="total, sizes, prev, pager, next, jumper"
    :total="pagionObj.total"
    @size-change="handleSizeChange"
    @current-change="handlePageChange"
  />
</template>

<script>
export default {
  props: {
    pagionObj: {
      type: Object,
      required: true
    },
    handleSizeChange: {
      type: Function,
      required: true
    },
    handlePageChange: {
      type: Function,
      required: true
    }
  }
}
</script>

<style>

</style>
